@CHARSET "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}


#all {
	width: 1000px;
	position: relative;
	margin: 0px auto;
	/*box-shadow: 3px 0px 30px #000000;*/
	background: white;
}
div{
	
}
ul{
	margin-left:40px;
}

/*
	LIENS
*/
a{
	color:black;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}







/*	
	HEADER
*/
header{
	color:white;
	background-color:#1A1D24;
	box-shadow: 0px 3px 10px #000000;
	height:70px;
}
header a{
	color:white;
	padding:5px;
}








/*	
	FOOTER
*/
footer{
	box-shadow: 0px -3px 10px #000000;
	height:50px;
	width:490px;
	margin-left:20px;
	text-align:center;
	padding-top:7px;
	background-color:#1A1D24;
	color:white;
	position:fixed;
	bottom:0px;
}








/*
		CONTENT POSITION
*/
#content{
	height:2200px;
}
.content{
	margin-top:20px;
	margin-bottom:20px;
	width:450px;
	position:absolute;
}

header{
	position: fixed;
}







/* LEFT */
#contentLeft{
	left:0px;
	box-shadow: 3px 3px 10px #000000;
	text-align:justify;
	padding:20px;
	margin-left:20px;
	background-color:#EEEEFF;
}
#contentLeft p{
	margin-top:25px;
}
#contentLeft h2{
	margin-bottom:5px;
	margin-left:50px;
	margin-top:45px;
	cursor:pointer;
}
#contentLeft h2:hover{
	text-decoration:underline;
}
#contentLeft strong{
	cursor:pointer;
}






/* RIGHT */
#contentRight{
	left:52%;
	/*box-shadow: -3px 3px 10px #000000;*/
	position:fixed;
	text-align:center;
}
#contentRight img{
	box-shadow: 10px 10px 70px #000000;
}